<!DOCTYPE HTML>
<html>
	<head>
	<title>Sambit's Details</title>
	<style type = "text/css">
	h1 {color:red;}
	h2 {color:green;}
	p {color:blue;}
	</style>
	</head>
	<body style="background-color:yellow;" >
	<h1>Need declaration of style sheet</h1>
	<p>Hi</p>
	<p>
	<a href = "http://www.linkedin.com/pub/sambit-agnivesh/43/a0a/28" target = "_blank"><img src = "myphoto.jpg" width=50 height = 50>Visit My Linkedin Profile</a>
	<a href = "http://www.linkedin.com/pub/sambit-agnivesh/43/a0a/28" style="text-decoration:none;">Link without the underline</a>
	If we set the target as blank, then after clicking the link the page will open in a new tab/page.</p>
	
	
	
	<h1 style="text-align:center;">Name</h1>
	<p>My Name is Sambit</p>
	<h2 style="background-color:red;">Address</h2>
	<p style="background-color:red">bangalore</p>
	
	<script>document.write("Hello World!")</script>
	
	<h1 style="font-family:verdana;">Try fonts</h1>
	<p style="font-family:arail;color:red;font-size:20px;">A paragraph</p>
	
	
	<p><img src="myphoto.jpg"  alt="Hamra Phutwa" align="middle" height=32 width =32></p>
	<p><img src="myphoto.jpg"  alt="Hamra Phutwa" align="bottom" height=32 width =32></p>
	<p><img src="myphoto.jpg"  alt="Hamra Phutwa" align="top" height=32 width =32></p>
	
	<p>The image will float</p>
	<p><img src="myphoto.jpg"  alt="Hamra Phutwa" style="float:left"</p>
	<p><img src="myphoto.jpg"  alt="Hamra Phutwa" style="float:right"</p>
	</body>
</html>